<template>
    <svg :style="{ width  , height}">
        <use :xlink:href="prefix + name" :fill="fill"></use>
    </svg>
</template>

<script setup lang="ts">

    defineProps({
        width:{
            type:String,
            default:'16px'
        },
        height:{
            type:String,
            default:'16px'
        },
        name:{
            type:String,
            default:''
        },
        prefix: {
            type: String,
            default: '#icon-'
        },
        fill:{
            type:String,
            default:'#000'
        }
    })
</script>

<style lang="scss" scoped>

</style>